import React from 'react';
import './index.less';
import { Card } from 'antd';
import okk from '../../assets/images/1.jpg'

const gridStyle: React.CSSProperties = {
    width: '25%',
    textAlign: 'center',
};

const App: React.FC = () => (
    <Card title="Card Title">
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <Card.Grid hoverable={false} style={gridStyle}>
            Content
        </Card.Grid>
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <Card.Grid style={gridStyle}>Content</Card.Grid>
        <img src={okk} alt=""/>
    </Card>
);

export default App;
